﻿body{
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.admin-main{
    display:flex;
    width:100%;
    height:100vh;
    margin:0 auto;
}

.admin-main>aside{
    display:inline-block;
    height:100%;
    width:15%;
}

.admin-main>article{
    display:inline-block;
    vertical-align:top;
    width:85%;
}

article{
    overflow-y:auto;
}

.admin-nav {
    width: 100%;
    height: 126px;
    background-image: url(../Image/bg_pic.png);
    background-size: cover;
    background-position: center;
}

.nav-text {
    width: 230px;
    height: 126px;
    background-color: rgba(0, 195, 245,0.6);
    display: flex;
    justify-content: center;
    align-content: center;
    color: white;
    font-size: 18px;
}

    .nav-text span {
        height: 30px;
        margin: auto;
    }

.box {
    background-color: white;
    box-shadow: 0 2px 8px rgba(0,195,245,0.2), 0 0 1px rgba(0,195,245,0.2), 0 0 1px rgba(0,195,245,0.2);
}

.box-head {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items:center;
    background-image: url(../Image/direction_win.png);
    background-size: cover;
    width: 100%;
    height: 40px;
}

.box-title{
    margin-left:15px;
    color:#00c3f5;
    display:flex;
}

.box-body{
    background-color:white;
    display:flex;
    flex-wrap:wrap;
    padding:10px;
}

.btn-gradient-blue {
    border-radius: 50px;
    background: #00c3f5;
    background: -webkit-gradient(linear,0 0,0 100%,from(#00c3f5),to(#5edcfc));
}